.wrap{
	width: 100%;
}
/* 头部 */
.header{
	width: 1200px;
	height: 85px;
	margin: 0 auto;
}
.header>div:nth-child(1){
	padding-right: 15px;
}
.header>div:nth-child(1)>img{
	width: 180px;
	height: 50px;
}
.header>div{
	display: inline-block;
}
.header>div:nth-child(2){
	line-height: 45px;
	font-size: 24px;
	font-family: "Microsoft YaHei";
	font-weight: 400;
	color: #666666;
	width: 120px;
	height: 45px;
	border-left: 1px solid #E6E6E6;
	margin-top:20px;
	padding-left: 20px;
}
.header>div:nth-child(3){
	height: 85px;
	line-height: 85px;
	float: right;
	font-size: 16px;
	font-family: "microsoft yahei";
	font-weight: 400;
	color: #999999;
}
/* banner */
.banner{
	width: 100%;
	height: 520px;
	background: url(../../images/login/banner.png);
	position: relative;
	background-size: 100% 100%;
}

/* 登录box */
.loginbox{
	width: 340px;
	height: 330px;
	background: #FFFFFF;
	border-radius: 4px;
	position: absolute;
	right: 360px;
	top: 95px;
}
.loginbox input::placeholder{
	color: #CCCCCC;
}
.loginTitle{
	width: 100%;
	height: 75px;
	line-height: 75px;
	text-align: center;
	font-size: 18px;
	font-family: "Microsoft YaHei";
	font-weight: 400;
	color: #343434;
}
.userName{
	width: 282px;
	height: 42px;
	background: #FFFFFF;
	border: 1px solid #DCDCDC;
	margin: 10px auto;
}
.userName>div{
	display: inline-block;
	vertical-align: top;
}
.userName>div:nth-child(1){
	width: 48px;
	height: 100%;
}
.userName>div:nth-child(1)>img{
	display: block;
	text-align: center;
	margin: 10px auto;
}
.userName>div:nth-child(2){
	width: calc(100% - 52px);
	height: 100%;
}

.userName>div input{
	display: block;
	width: 100%;
	height: 100%;
	border: none;
	background: none !important;
}
.passWord{
	width: 282px;
	height: 42px;
	background: #FFFFFF;
	border: 1px solid #DCDCDC;
	margin: 10px auto;
}
.passWord>div{
	display: inline-block;
	vertical-align: top;
}

.passWord>div:nth-child(1){
	width: 48px;
	height: 100%;
}
.passWord>div:nth-child(1)>img{
	display: block;
	text-align: center;
	margin: 10px auto;
}
.passWord>div:nth-child(2){
	width: calc(100% - 52px);
	height: 100%;
}

.passWord>div input{
	display: block;
	width: 100%;
	height: 100%;
	border: none;
	background: none !important;
}
/* 登录按钮 */
.loginBtn{
	width: 280px;
	height: 44px;
	background: #2E84F6;
	border-radius: 4px;
	margin: 30px auto 5px auto;
	font-size: 18px;
	font-family: "Microsoft YaHei";
	font-weight: 600;
	color: #FFFFFF;
	line-height: 44px;
	text-align: center;
	cursor: pointer;
}
/* 登录选项 */
.loginOptions{
	width: calc(100% - 30px);
	height: 60px;
	padding: 0 15px;
	line-height: 60px;
}
.loginOptions>div{
	display: inline-block;
	vertical-align: top;
	width: 40%;
	height: 100%;
	color: #999999;
}
.loginOptions>div>input[type=checkbox]{
	display: inline-block;
	width: 16px;
	height: 16px;
	-webkit-appearance: checkbox;
	vertical-align: top;
	margin-top: 22px;
}
.checkOptions{
	margin-left: 15px;
}
.registerOptions{
	margin-left: 10%;
}
.registerOptions>div{
	display: inline-block;
	vertical-align: top;
	/* margin-top: 18px; */
	height:24px;
}
.registerOptions>div:nth-child(1)::before{
	content: "";
	position: absolute;
	top: 18px;
	right: 0;
	width: 1px;
	height: 24px;
	background: #CCCCCC;
}
.registerOptions>div:nth-child(1){
	padding-right: 10px;
	position: relative;
	/* border-right: 1px solid #CCCCCC; */
}
.registerOptions>div:nth-child(2){
	padding-left: 10px;
	color: #2E84F6;
	font-weight: bold;
}
/* 四个小模块 */

.section{
	width: 100%;
	height: 115px;
	margin: 0 auto;
	line-height: 115px;
	border-bottom: 1px solid #F0F0F0;
}
.section>div.layui-row{
	width: 1200px;
	height: 110px;
	margin:0 auto;
}
.line >div{
	display: inline-block;
	font-size: 18px;
	font-family:"Microsoft YaHei";
	font-weight: bold;
	color: #343434;
	text-align: center;
	cursor: pointer;
}
/* 平台规则 */
.friendly{
	width: 1200px;
	margin: 0 auto;
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 20px;
}
.friendWrap{
	padding-top: 20px;
	width: calc(100% / 6);
	display: inline-block;
	vertical-align: top;
}
.friendWrap:last-child{
	width: 100px;
}
.f-title{
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #666666;
}
.f-list{
	margin-top: 10px;
}

.f-list li{
	font-size: 12px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
	line-height: 22px;
}
.f-phone{
	font-size: 20px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #343434;
}
.f-time{
	font-size: 12px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
}
/* 底部 */
.bottom{
	width: 1200px;
	margin: 0 auto;
}
.aboutUs{
	margin-top: 20px;
	width: 100%;
	height: 30px;
}
.aboutUs>ul{
	/* margin-top: 20px; */
	width: 100%;
	height: 30px;
	padding: 8px 0;
	text-align: center;
}
.aboutUs>ul>li{
	/* width: 75px; */
	line-height: 14px;
	text-align: center;
	float: left;
	font-size: 14px;
	height: 14px;
	font-family: "Microsoft YaHei";
	font-weight: 400;
	color: #9A9A9A;
	padding: 4px;
	border-right: 1px solid #CCCCCC;
	padding: 0 15px;
}
.bq{
	width: 100%;
	text-align: center;
	font-size: 14px;
	font-family: "Microsoft YaHei";
	font-weight: 400;
	color: #9A9A9A;
	margin-top: 10px;
}
.ba{
	width: 100%;
	text-align: center;
	margin-top: 10px;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #9A9A9A;
	padding-bottom: 20px;
}